<template>
  <div id="OneChild">
    {{ query.name }}
  </div>
</template>

<script setup lang='ts' name='OneChild'>

import  {toRefs}  from 'vue';
import { useRoute } from 'vue-router';
const { query } = toRefs(useRoute());

console.log(query.value.name);

</script>

<style scoped>

</style>